<template>
	
	<view class="one">
		
		<view class="shang">
			
			<view class="zuo">
				<view class="zuonianneirong">
					<text class="text_one">所在场所:</text>
					<text class="text_one">荣昌猪舍</text>
				</view>
				
				<view class="zuonianneirong">
					<text class="text_one">所属栋舍:</text>
					<text class="text_one">育肥猪</text>
				</view>
				
				<view class="zuonianneirong_two">
					<text class="text_one">操作类型:</text>
					<text class="text_one">高温消毒</text>
				</view>
				
				<view class="zuonianneirong_two">
					<text class="text_one">操作类型:</text>
					<text class="text_one">高温消毒</text>
				</view>
				
				<view class="zuonianneirong">
					<text class="text_one">所在场所:</text>
					<text class="text_one">荣昌猪舍</text>
				</view>
				
				<view class="zuonianneirong">
					<text class="text_one">所属栋舍:</text>
					<text class="text_one">育肥猪</text>
				</view>
				
			</view>
			
			
		</view>
		<view style="background-color: rgb(123,123,123); width: 100%;height: 2rpx;"></view>
		
		<view class="xia">
			
			<view class="xia_wen">
				<text class="text_one">创建时间:</text>
				<text class="text_one">2024-07-21 08：00：02</text>
				
			</view>
			
			<view class="xia_wen">
				<text class="text_one">责任人:</text>
				<text class="text_one">张三</text>
				
			</view>
			
		</view>
		
		
	</view>
	
</template>

<script>
	export default{
		data(){
			
			return{
				value:'',
				options:[
				  {
				    value: 'Option1',
				    label: 'Option1',
				  },
				  {
				    value: 'Option2',
				    label: 'Option2',
				  },
				  {
				    value: 'Option3',
				    label: 'Option3',
				  },
				  {
				    value: 'Option4',
				    label: 'Option4',
				  },
				  {
				    value: 'Option5',
				    label: 'Option5',
				  },
				]
			}
			
		}
	}
</script>

<style>
	
	.one {
	  width: 100%;
	  height: 350rpx;
	  border: 2rpx solid rgb(188,188,188);
	  border-radius: 3rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  padding: 0 20rpx;
	  margin-top: 20rpx;
	  border-radius: 10rpx;
	}
	
	.shang{
		width: 100%;
		/* padding: 10rpx 10rpx; */
		height: 300rpx;
	}
	
	.zuo{
		display: flex;
		flex-direction: column;
		justify-content: start;
		width: 50%;
		padding: 10rpx 10rpx;
		align-items: center;
	}
	.zuonianneirong{
		display: flex;
		width: 100%;
		justify-content: start;
		margin-top: 2rpx;
	}
	.zuonianneirong_two{
		display: flex;
		width: 100%;
		margin-top: 2rpx;
		background-color: rgb(248,153,153);
	}
	.text_one{
		width: 50%;
	}
	.tu{
		width: 40%;
		height: 70%;
		border: 1rpx solid black;
	}
	
	.xia{
		width: 100%;
		display: flex;
		justify-content: space-around;
		
	}
	
	
	
</style>